<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作用域</title>
  </head>

  <body>

  </body>
  <script>
    /* 
  1.作用域：就是变量在某个范围起作用和效果，目的是为了提高程序的可靠性
  2.作用域的分类：全局作用域和局部作用域
  3.全局作用域：作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件
  4.局部作用域(函数作用域)：作用于函数内的代码环境，就是局部作用域。 因为跟函数有关系，所以也称为函数作用域
 */
    var age = 18;

    function fn() {
      var name = 'pink'; //局部作用域
      var age = 20;
      console.log(age);//20
    }
    fn();
  </script>

</html>